<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>归档</title>
    <link rel="stylesheet" href="./static/layui-v2.5.7/layui/css/layui.css">
    
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
    <!-- <link rel="stylesheet" href="./static/semanticUI/semantic.min.css"> -->
    <link rel="stylesheet" href="./static/css/my.css">
</head>

<body>
    <!-- 导航栏 -->
    <nav class="ui segment my-shadow-small">
        <div class="ui container">
            <div class="ui menu stackable">
                <a href="#" class="item my-font-dark my-font-blod my-font-large "><i class="icon home"></i>首页</a>
                <a href="/blog" class="item my-font-dark my-font-blod my-font-large"><i class="icon book"></i>博客</a>
                <a href="/type" class="item my-font-dark my-font-blod my-font-large"><i class="icon flag"></i>分类</a>
                <a href="/tag" class="item my-font-dark my-font-blod my-font-large"><i class="icon tag"></i>标签</a>
                <a href="#" class="item my-font-dark my-font-blod my-font-large"><i class="icon user"></i>归档</a>
                <div class="right item">
                    <form action="/admin/blog/s">
                        <div class="ui icon input">
                            <i class="search icon"></i>
                            <input type="text" placeholder="搜索..." name="content">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </nav>
    <!-- 中间部分 -->
    <div class="my-container-max">
        <!-- container是为了适应手机端 -->
        <div class="ui container">
            <!-- 顶部栏 -->
            <div class="ui top attached segment">
                <div class="ui grid">
                    <!-- <div class="twelve wide center aligned column">
                        <h1 class="ui header teal">归档</h2>
                    </div> -->
                    <div class="wide column center aligned my-font-large">
                        本站建于<h2 class="my-inline-block ui header red my-lr-padding-tiny">2021/4/10</h2>
                    </div>
                </div>
                <div class="ui grid my-tb-margin-large">
                    <div class="row centered aligned">
                        <div class="ui statistics teal">
                            <div class="statistic">
                              <div class="value">
                                  <i class="icon eye"></i>
                                22
                              </div>
                              <div class="label">
                                views
                              </div>
                            </div>
                            <div class="statistic">
                              <div class="value">
                                31,200
                              </div>
                              <div class="label">
                                click
                              </div>
                            </div>
                            <div class="statistic">
                              <div class="value">
                                  <i class="edit outline icon"></i>
                                22
                              </div>
                              <div class="label">
                                comments
                              </div>
                            </div>
                            <div class="statistic">
                                <div class="value">
                                  22
                                </div>
                                <div class="label">
                                  blogs
                                </div>
                              </div>
                          </div>
                    </div>
                    
                </div>
            </div>
           
            
           
            <div class="ui segments my-tb-margin-huge">
                <div class="ui secondary segment">
                    <h2 class="ui header center aligned">2021</h2>
                </div>
                <div class="ui teal  segment ">
                    <div class="ui fluid vertical basic menu">
                        <div class="item">                            
                                <span>
                                    <a href="" class="my-font-dark my-font-blod">学习日志</a>
                                    <div class="ui label basic my-lr-margin-middle mini">3月15日</div>
                                </span>
                               <div class="ui label red basic large">原创</div>                           
                        </div>
                        <div class="item">                            
                            <span>
                                <a href="">学习日志</a>
                                <div class="ui label basic c-side-margin-middle mini">3月15日</div>
                            </span>
                           <div class="ui label red basic large">原创</div>                           
                        </div>
                        <div class="item">                            
                            <span>
                                <a href="">学习日志</a>
                                <div class="ui label basic c-side-margin-middle mini">3月15日</div>
                            </span>
                           <div class="ui label red basic large">原创</div>                           
                        </div>
                    </div>
                </div>
            </div>
            <div class="ui segments c-margin-large">
                <div class="ui secondary segment">
                    <h2 class="ui header center aligned">2021</h2>
                </div>
                <div class="ui teal basic segment ">
                    <div class="ui fluid vertical menu">
                        <div class="item">                            
                                <span>
                                    <a href="">学习日志</a>
                                    <div class="ui label basic c-side-margin-middle mini">3月15日</div>
                                </span>
                               <div class="ui label red basic large">原创</div>                           
                        </div>
                        <div class="item">                            
                            <span>
                                <a href="">学习日志</a>
                                <div class="ui label basic c-side-margin-middle mini">3月15日</div>
                            </span>
                           <div class="ui label red basic large">原创</div>                           
                        </div>
                        <div class="item">                            
                            <span>
                                <a href="">学习日志</a>
                                <div class="ui label basic c-side-margin-middle mini">3月15日</div>
                            </span>
                           <div class="ui label red basic large">原创</div>                           
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
 
    <!-- 底部栏 -->
    <footer class="ui segment inverted vertical c-font-opacity-light" th:fragment="footer">
        <div class="ui center aligned container ">
            <div class="ui grid divided inverted stackable">
                <div class="three wide column">
                    <img src="./static/img/watercolor.png" class="ui image rounded centered" style="width: 10em;width: 10em">
                </div>       
                <div class="seven wide column right floated">
                    <h4 class="ui header inverted">最新博客</h4>
                    <p>学了忘忘了学学了还得忘。。。学了忘忘了学学了还得忘。。。学了忘忘了学学了还得忘。。。学了忘忘了学学了还得忘。。。</p>
                </div>
            </div>
            <div class="center aligned row">
                <div class="ui segment inverted">kahsdkfjhsdkfhasksdjhf</div>
    
            </div>
    
        </div>
    </footer>
    <script src="./static/layui-v2.5.7/layui/layui.all.js"></script>
    <script src="./static/js/jquery-3.5.1.min.js"></script>
    <script src="./static/semanticUI/semantic.min.js"></script>
</body>

</html>